/* normal mode */
@media not (-moz-bool-pref: "zen.view.compact") {
    #tabbrowser-tabpanels {
        padding: 1px 16px 16px 1px !important;
    }

    @media (-moz-bool-pref: "zen.view.sidebar-expanded") {
        #TabsToolbar {
            margin: 0px 12px 6px 12px !important;
        }

    }

    @media not (-moz-bool-pref: "zen.view.sidebar-expanded") {
        #TabsToolbar {
            margin: 0px 0px 10px 0px !important;
        }
    }

    #tabbrowser-tabpanels:has(> [zen-split="true"]) {
        margin: 0px 10px 10px -6px !important;
    }
}

/* compact mode */
@media (-moz-bool-pref: "zen.view.compact") {
    #tabbrowser-tabpanels {
        padding: 16px !important;
    }

    /* hides toolbar*/
    @media (-moz-bool-pref: "zen.view.compact.hide-toolbar") {
        #tabbrowser-tabpanels {
            padding: 16px 16px 16px 1px !important;
        }

        @media not (-moz-bool-pref: "zen.view.sidebar-expanded") {
            #TabsToolbar {
                margin: 16px 0px 10px 0px !important;
            }
        }

        @media (-moz-bool-pref: "zen.view.sidebar-expanded") {
            #TabsToolbar {
                margin: 12px 12px 6px 12px !important;
            }
        }

        #tabbrowser-tabpanels:has(> [zen-split="true"]) {
            margin: 10px 10px 10px -6px !important;
        }
    }

    /* hides sidebar*/
    @media (-moz-bool-pref: "zen.view.compact.hide-tabbar") {
        #tabbrowser-tabpanels {
            padding: 16px !important;
        }

        #tabbrowser-tabpanels:has(> [zen-split="true"]) {
            margin: 0px 10px 10px 10px !important;

            @media (-moz-bool-pref: "zen.view.compact.hide-toolbar") {
                margin: 10px !important;
            }
        }
    }
}

/* splitview paddings */
#tabbrowser-tabbox {
    --zen-split-row-gap: 16px !important;
    --zen-split-column-gap: 16px !important;
}

/* remove padding in fullscreen */
@media (display-mode: fullscreen) {
    #tabbrowser-tabpanels {
        padding: 0px !important;
    }
}

/* remove weird scrollbar in compact mode */
* {
    scrollbar-width: none
}

/* big mode */
@media (-moz-bool-pref: "uc.padding.big") {
    #main-window {
        --zen-element-separation: 12px !important;
      }
      
      #zen-sidebar-top-buttons {
        margin: 12px -6px 0px 6px!important;
      }
      
      #zen-sidebar-icons-wrapper {
        margin: 0px 6px !important;
        width: auto !important;
      }
      
      #navigator-toolbox {
        gap: 6px !important;
      }
          
      #tabbrowser-tabbox:has(#tabbrowser-tabpanels[zen-split-view="true"]) {
        --zen-split-row-gap: calc(var(--zen-element-separation) + 1px) !important;
        --zen-split-column-gap: calc(var(--zen-element-separation) + 18px) !important;
        margin-right: -12px !important;
      }  
}

/* bigger mode */
@media (-moz-bool-pref: "uc.padding.bigger") {
    #main-window {
        --zen-element-separation: 16px !important;
      }
      
      #zen-sidebar-top-buttons {
        margin: 16px -8px 0px 8px!important;
      }
      
      #zen-sidebar-icons-wrapper {
        margin: 0px 8px !important;
        width: auto !important;
      }
      
      #navigator-toolbox {
        gap: 8px !important;
      }
          
      #tabbrowser-tabbox:has(#tabbrowser-tabpanels[zen-split-view="true"]) {
        --zen-split-row-gap: calc(var(--zen-element-separation) + 1px) !important;
        --zen-split-column-gap: calc(var(--zen-element-separation) + 22px) !important;
        margin-right: -16px !important;
      }  
}

/* biggest mode */
@media (-moz-bool-pref: "uc.padding.biggest") {
    #main-window {
        --zen-element-separation: 20px !important;
      }
      
      #zen-sidebar-top-buttons {
        margin: 20px -10px 0px 10px!important;
      }
      
      #zen-sidebar-icons-wrapper {
        margin: 0px 10px !important;
        width: auto !important;
      }
      
      #navigator-toolbox {
        gap: 10px !important;
      }
          
      #tabbrowser-tabbox:has(#tabbrowser-tabpanels[zen-split-view="true"]) {
        --zen-split-row-gap: calc(var(--zen-element-separation) + 1px) !important;
        --zen-split-column-gap: calc(var(--zen-element-separation) + 26px) !important;
        margin-right: -20px !important;
      }   
}

/* compact sidebar fix */
@media (-moz-bool-pref: "zen.view.compact") {
  #zen-sidebar-top-buttons {
    margin: 0px !important;
  }

  #zen-sidebar-icons-wrapper {
    margin: 0px !important;
  }
}